<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<!--
    应用实例：使用 img 标签显示一张美女的照片。
    img:  标签是图片标签,用来显示图片
    src:  属性可以设置图片的路径
    width:  属性设置图片的宽度
    height: 属性设置图片的高度
    border:  属性设置图片边框大小
    alt:  属性设置当指定路径找不到图片时,用来代替显示的文本内容
    相对路径:从工程名开始算
    绝对路径:盘符:/目录/文件名

    路径：在 web 中路径分为相对路径和绝对路径两种
    相对路径: . 表示当前文件所在的目录
            .. 表示当前文件所在的上一级目录
    文件名 : 表示当前文件所在目录的文件,相当于 ./文件名 ./ 可以省略
    绝对路径: 正确格式是: http://IP地址:port/工程名/资源路径 ， 即使用url方式定位资源
            错误格式是: 盘符:/目录/文件名
-->
<h1>图片标签的演示</h1>
<!-- ./imgs/1.png 表示当前路径下的 imgs文件夹下的 1.png-->
<!-- 在进行图片缩放时，建议指定 width 或者 height 即可，浏览器会按照比例显示-->
<img src="./imgs/1.png" height="150"  width="400" > <br/>
<img src="./imgs/1.png" height="150"  border="10px"><br/>
<img src="./imgs/2.png" alt="美女找不到"><br/>
</body>
</html>
